<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>主考官新闻页 </title>
    <style>
        html,body {margin:0;padding:0;height:100%; font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE软雅黑,STHeiti,\\534E文细黑,sans-serif;background:#302a34;}

        * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
        button:focus { outline:none;}
        a {text-decoration:none;color:#000;}
        ul{padding:0; margin:0;}
        li{padding:0; margin:0; list-style:none}
        img {border:0;}
        #header {background:#444250;position:fixed;top:0;left:0;right:0;z-index:20;}
        .brand {display:block;overflow:hidden;width:101px;height:32px;margin:9px 0;text-indent:-999px;background:url("img/icon/site-brand.png") no-repeat center top;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
        .navbar-toggle {float:right;width:40px;height:32px;margin:9px 0;border:0;padding:5px 9px;background:none;cursor:pointer;}
        .navbar-toggle .icon-bar {display:block;width:22px;height:2px;background:#fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
        .navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}
        .navbar {display:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);}
        .nav {margin:5px 0;padding-left:0;}
        .nav li {list-style:none;border-top:solid 1px rgba(255,255,255,.2);position:relative;}
        .nav li:first-child {border-top:0;}
        .nav li a {display:block;padding:20px 15px;font-size:16px;color:#fff;}
        .nav li.active a {background:#c30e23; color:#dfd1b5}
        #header {position:fixed;top:0;left:0;right:0;
            background-repeat:repeat-x;

        }
        .brand {float:left;width:190px;height:60px;-webkit-transition:all .5s;transition:all .5s;}
        .navbar-toggle {display:none;}
        .navbar {float:right;display:block;margin-right:-15px;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
        .nav {margin:0;}
        .nav li {float:left;border:0;}
        .nav li a {padding:20px 15px;line-height:40px; text-align:center; width:90px; font-weight:200; font-size:14px;	-webkit-transition: all .5s;
            transition: all .5s; }
        .nav li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;}
        .right {float:right;}
        .container:before, .container:after,
        .row:before, .row:after,
        .nav:before, .nav:after,
        .global-nav:before, .global-nav:after,
        .box-txt:before, .box-txt:after
        {display:table;content:" ";clear:both;}
        .container {margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
        .nav li a:hover {
            background: rgba(255,255,255,.1);
        }
        /* food */
        #footer {padding-top:40px;padding-bottom:40px;background:#302a34;}
        #footer .copy {margin:0 5px;text-align:center;line-height:1.8;font-size:12px;color:#f6f5f5; font-weight:200}
        #footer .copy span {display:block;}

        #footer .copy {text-align:center;}
        #footer .copy span {display:inline;}
        #topic {border-bottom:solid 1px #eee;padding:10px 0;color:#333;background:#f6f6f6;}
        #topic .col-6 {float:left;width:50%;}
        #topic a {line-height:50px;}
        #topic h1 {margin:0;line-height:50px;font-size:24px;font-weight:normal;}
        #news-detail {padding:20px 0;background:#fff;}
        #news-detail .heading {padding:0 15px 30px 15px;border-bottom:solid 1px #eee;text-align:center;font-size:32px;color:#2ba606;}
        #news-detail .date {display:block;margin-bottom:30px;text-align:center;color:#999;font-size:14px;}
        #news-detail p {line-height:1.6;text-indent:2em;font-size:16px;color:#666;}
        #news-detail {padding:40px 0;}
        #news-detail-intro {height:60px;}
        #news-detail .detail {padding:0 40px;}

        img {
            max-width: 100%}
        a {
            text-decoration: none;
        }
        .container {
            max-width: 1100px;
            margin: 0 auto;
        }

    </style>

</head>
<body>
<!-- Header -->
<header id="header" class="">
    <div class="container">
        <div class="global-nav">
            <button class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="index.html">烤天下</a>
            <nav class="navbar">
                <ul class="nav">
                    <li class="pc-nav-home">
                        <a href="index.html">首页</a>
                    </li>
                    <li class="pc-nav-food">
                        <a href="food.html">招牌美食</a>
                    </li>
                    <li class="pc-nav-char">
                        <a href="activity.html">特色活动</a>
                    </li>
                    <li class="pc-nav-join">
                        <a href="join.html">招商加盟</a>
                    </li>
                    <li class="pc-nav-ente">
                        <a href="profile.html">企业概况</a>
                    </li>
                    <li class="pc-nav-menn">
                        <a href="about.html">联系我们</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<!-- activity -->
<!-- News-page top -->
<section id="news-detail-intro" style="padding-top:80px;"></section>
<div id="topic">
    <div class="container">
        <div class="row">
            <div class="col-6">
                <h1>新闻</h1>
            </div>
            <div class="col-6">
                <a class="right" href="#">返回</a>
            </div>
        </div>
    </div>
</div>
<!-- News-page  -->
<section id="news-detail">
    <div class="container">
        <article>
            <h2 class="heading">我们的初心，就是让创业者们成功</h2>
            <span class="date">2017年05月05日</span>
            <div class="detail">
                <p>
                    在风起云涌的餐饮江湖，烤天下异军突起，不仅凭借强势的酒吧烧烤文化刷新了烧烤行业的标准，而且独有的“空投式创业系统”也让烤天下的加盟代理商们在新式餐饮时代里掘到了一桶金。在这个万众创业的时代，烤天下是如何在餐饮红海里让创业者们占据高地的呢？带着这个问题，我们的记者对烤天下的创始人熊校军进行了专访。
                </p>
                <figure>
                    <img src="img/news/n1.jpg" alt="">
                </figure>
                <p>
                    在风起云涌的餐饮江湖，烤天下异军突起，不仅凭借强势的酒吧烧烤文化刷新了烧烤行业的标准，而且独有的“空投式创业系统”也让烤天下的加盟代理商们在新式餐饮时代里掘到了一桶金。在这个万众创业的时代，烤天下是如何在餐饮红海里让创业者们占据高地的呢？带着这个问题，我们的记者对烤天下的创始人熊校军进行了专访。
                </p>
            </div>
        </article>
    </div>
</section>

<!-- Footer -->
<footer id="footer">
    <div class="container">
        <div class="copy">©AUI 素材网 京ICP备15006025号-1
        </div>
        <div class="copy">
            Copyright © 2012-2016 www.a-ui.cn <span>地址：北京市海淀区北三环西路43号中航广场6层</span>
        </div>
    </div>
</footer>



</body>
</html>